<!DOCTYPE html> 
<html> 
	
	<head> 
		<meta charset="utf-8">
		<title>inTouch</title> 
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

		<link rel="shortcut icon" href="/favicon.png">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	  
		<link rel="stylesheet" href="css/jquery.mobile-1.0b1.min.css" />
		<link rel="stylesheet" href="css/main.css?v=2.34" />
        
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/beta.js"></script>
		<script type="text/javascript" src="js/jquery.mobile-1.0b1.min.js"></script>
	</head> 
<body> 




<!-- Start of second page -->
<div data-role="page" id="welcome">





<div data-role="content" >
<a href="#" data-role="button" id="welcome_btn">点击这里进行内测资格指纹验证</a>
<p>注意：本服务不会储存您的任何信息在服务器上，但因目前密码未经加密传输，我们建议您为Bangumi设置一个单独的密码，并谨慎使用。目前关闭图片功能尚未开放，请注意流量使用。</p>
</div>




</div><!-- /page -->



<!-- Start of first page -->
<div data-role="page" id="login">

	<div data-role="header" >
   
	<a href="./" data-role="button" data-icon="home" data-theme="c" data-iconpos="notext" rel='external'>home</a>
		<h1>立即登录</h1> 
    <a href="#settings" data-rel="dialog" data-transition="pop" data-role="button" data-icon="gear" data-theme="c" data-iconpos="notext" >settings</a>

	</div><!-- /header -->

	<div data-role="content" >	
<form  data-ajax="false" id="login_form" method="post">

<div data-role="fieldcontain">
    <label for="username">用户名或邮箱:</label>
    <input type="text" name="username" id="username" value=""  />
</div>	

<div data-role="fieldcontain">
    <label for="password">输入密码:</label>
    <input type="password" name="password" id="password" value="" />
</div>	
<div data-role="fieldcontain">
<button type="submit" name="submit" id="submit">登录</button>
</div>	
</form>
<h4 id="debug"><span></span></h4>
	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="watching">

	<div data-role="header" >
	<a href="./" data-role="button" data-icon="home" data-theme="c" data-iconpos="notext" rel='external'>home</a>
		<h1>收视进度</h1> 
    <a href="#settings" data-rel="dialog" data-transition="pop" data-role="button" data-icon="gear" data-theme="c" data-iconpos="notext" >settings</a>
	</div><!-- /header -->

	<div data-role="content" >	
	<div data-scroll="true">
    <ul data-role="listview" id="watching-list" data-theme="g">
    </ul>
    </div>


	</div><!-- /content -->
<div data-role="footer" >
	<div data-role="navbar">
		<ul>
			<li><a href="#" class="ui-btn-active ui-state-persist">收视进度</a></li>
			<li><a href="javascript:goToCalendarPage();">每日放送</a></li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->

</div><!-- /page -->


<!-- Start of third page -->
<div data-role="page" id="subject">

	<div data-role="header" >
	<a href="./" data-role="button" data-icon="home" data-theme="c" data-iconpos="notext" rel='external'>home</a>
		<h1></h1> 
    <a href="#settings" data-rel="dialog" data-transition="pop" data-role="button" data-icon="gear" data-theme="c" data-iconpos="notext" >settings</a>
	</div><!-- /header -->

	<div data-role="content" >
	<div id="subject_basic_info" data-role="collapsible" data-collapsed="true">
    <h3>观看进度管理</h3>
	
	<div id="progress-list"></div>
	
	</div>
	<div id="subject_other_info" data-role="collapsible">
	<h3>查看详细信息</h3>
        <div id="subject-info">


                    
                    

        </div>
    
    </div>
	

	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of forth page -->
<div data-role="page" id="update">

	<div data-role="header" >
		<h1 id="update_status_header">更新进度</h1>
        <h2 id="air_date">2011-07-10</h2>

	</div><!-- /header -->

	<div data-role="content" id="update_menu">	

    
    <a href="javascript:doUpdate('watched');" data-icon="check" data-role="button">看过</a>
    <a href="javascript:doUpdate('queue');" data-icon="star" data-role="button">想看</a>
    <a href="javascript:doUpdate('remove');" data-icon="back" data-role="button" >撤销</a>
    <a href="javascript:doUpdate('drop');" data-icon="delete" data-role="button" >抛弃</a>
	<a href="javascript:goToBgmEpPage();" target="_blank" data-icon="forward" data-role="button" >讨论<span class="ep-comments-count ui-li-count ui-btn-up-c ui-btn-corner-all">0</span></a>
	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of fifth page -->
<div data-role="page" id="settings">

	<div data-role="header" >
		<h1>其他功能</h1>

	</div><!-- /header -->

	<div data-role="content" >	

<a href="logout.php" data-role="button" data-icon="alert" rel='external'>登出</a>
<a href="#about" data-role="button" data-icon="info" rel='external'>关于</a>
	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of sixth page -->
<div data-role="page" id="about">

	<div data-role="header" >
		<h1>关于</h1>

	</div><!-- /header -->

	<div data-role="content" >	
    <ul data-role="listview" data-theme="g" id="staff-list">
    <li data-role="list-divider">inTouch v0.11.r23</li>
	<li>"inTouch"一个是基于jQuery Mobile和Bangumi onAir API的移动番组管理系统。</li>
    
    
	<li data-role="list-divider">品质保证</li>
    <li><a href="http://about.me/tr"><img src="http://lain.bgm.tv/pic/user/l/000/00/51/5191.jpg" /><h4>Tr</h4><span>高级魔法师</span></a></li>
	<li data-role="list-divider">技术支持</li>
    <li><a href="http://bgm.tv/user/sai"><img src="http://lain.bgm.tv/pic/user/l/000/00/00/1.jpg" /><h4>Sai</h4><span>魔法少女</span></a></li>
	</ul>
    
    

	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of seventh page -->
<div data-role="page" id="calendar">

	<div data-role="header" >
	<a href="./" data-role="button" data-icon="home" data-theme="c" data-iconpos="notext" rel='external'>home</a>
		<h1>每日放送</h1> 
    <a href="#settings" data-rel="dialog" data-transition="pop" data-role="button" data-icon="gear" data-theme="c" data-iconpos="notext" >settings</a>
	</div><!-- /header -->

	<div data-role="content">	
        <div data-role="collapsible" data-collapsed="true">
            <h3>过去</h3>
            <br/>
            <ul data-role="listview" id="pre-list" data-theme="g">
            </ul>
        </div>


            <br/>
            <ul data-role="listview" id="calendar-list" data-theme="g">
            </ul>
 
        <div data-role="collapsible" data-collapsed="true">
            <h3>未来</h3> 
            <br/>
            <ul data-role="listview" id="post-list" data-theme="g">
            </ul>
        </div>
    </div><!-- /content -->
    
<div data-role="footer">
	<div data-role="navbar">
		<ul>
			<li><a href="#watching" >收视进度</a></li>
			<li><a href="#" class="ui-btn-active ui-state-persist">每日放送</a></li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->

</div><!-- /page -->




<!-- Start of eighth page -->
<div data-role="page" id="character"> 

	<div data-role="header" >
	<a href="./" data-role="button" data-icon="home" data-theme="c" data-iconpos="notext" rel='external'>home</a>
		<h1>角色资料</h1> 
    <a href="#settings" data-rel="dialog" data-transition="pop" data-role="button" data-icon="gear" data-theme="c" data-iconpos="notext" >settings</a>
	</div><!-- /header -->

	<div data-role="content">
	    <ul data-role="listview" data-theme="g" id="crt-info-list">
        
        </ul>
	</div><!-- /content -->

</div><!-- /page -->


<!-- Start of eighth page -->
<div data-role="page" id="fav"> 

	<div data-role="header" >

		<h1>更新收藏</h1> 

	</div><!-- /header -->

	<div data-role="content">
<form action="form.php" method="post" data-ajax="false" id="collect_form"> 
<div data-role="fieldcontain"  >
    <fieldset data-role="controlgroup">
    	<legend></legend>
         	<input type="radio" name="collect_status" id="wish" value="wish" />
         	<label for="wish">想看</label>

         	<input type="radio" name="collect_status" id="collect" value="collect"  />
         	<label for="collect">看过</label>

         	<input type="radio" name="collect_status" id="do" value="do" />
         	<label for="do">在看</label>

         	<input type="radio" name="collect_status" id="on_hold" value="on_hold"  />
         	<label for="on_hold">搁置</label>
            
            <input type="radio" name="collect_status" id="dropped" value="dropped"  />
         	<label for="dropped">抛弃</label>
            
    </fieldset>
</div>
<div data-role="fieldcontain">
	<label for="rating" class="select"></label>
	<select name="rating" id="rating" data-native-menu="true">
    	<option value="0">暂不评分</option>
		<option value="1">巨雷 1</option>
		<option value="2">雷 2</option>
		<option value="3">雷 3</option>
		<option value="4">较雷 4</option>
		<option value="5">不过不失 5</option>
		<option value="6">不过不失 6</option>
		<option value="7">推荐 7</option>
		<option value="8">推荐 8</option>
 		<option value="9">神作 9</option>
		<option value="10">超神作 10</option> 
	</select>
</div>
<div data-role="fieldcontain">
<fieldset class="ui-grid-a">
	<div class="ui-block-a"><button type="reset" name="collect_cancel" id="collect_cancel" data-theme="c" data-rel="back">取消</button></div>
	<div class="ui-block-b"><button type="submit" name="collect_submit" id="collect_submit" data-theme="b">更新</button></div>	   
</fieldset>
</div>
</form>
	</div><!-- /content -->

</div><!-- /page -->


</body>
</html>